<!DOCTYPE html>
<html>
<head>
    <title>股票信息</title>
    <#include "/header.html">
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
</head>
<body>
<style>
    .code-style{
        cursor:pointer
    }
    .code-style:hover {
        color: red;
        font-size:20px
    }
</style>
<div id="rrapp" v-cloak>
    <div v-show="showList">

        <div style="margin-bottom:10px" class="tag-group">
            <span class="tag-group__title">股票名称:</span>
            <el-tag style="margin-left:10px"
                    v-for="item in items"
                    :color="item.color"
                    :key="item.label"
                    :type="item.type"
                    @click="showInput"
                    effect="dark">
                {{ item.label }}
            </el-tag>
        </div>

        <div class="grid-btn">
            股票名称:
            <el-autocomplete style="width:100px;" size="small" clearable :disabled="false"
                    value-key="value"
                    debounce="10"
                    class="inline-input"
                    v-model="q.stockName"
                    :fetch-suggestions="querySearch"
                    placeholder="请输入内容"
                    @select="handleSelect"
            ></el-autocomplete>
            股票CODE:
            <el-input style="width:100px;margin-left:10px;margin-right:10px" size="small"
                      placeholder="股票CODE"
                      v-model="q.stockCode"
                      clearable>
            </el-input>
            板块:
            <template>
                <el-select style="width:150px;" size="small" v-model="q.industry" filterable clearable placeholder="请选择">
                    <el-option
                            v-for="item in industryOptions"
                            :key="item.id"
                            :label="item.industry"
                            :value="item.industry">
                    </el-option>
                </el-select>
            </template>
            <el-button type="primary" @click="query" size="small" icon="el-icon-search">搜索</el-button>
            <el-link type="primary" href="http://www.sse.com.cn/assortment/stock/list/share" target="_blank">上交所下载</el-link>
            <el-button id="importSHStock" type="primary" size="small" icon="el-icon-upload2">上传上交所股票</el-button>
            <el-link type="primary" href="http://www.szse.cn/market/product/stock/list/index.html" target="_blank">深交所下载</el-link>
            <el-button id="importSZStock" type="primary" size="small" icon="el-icon-upload2">上传深交所股票</el-button>
            <el-button type="primary" @click="del" size="small" icon="el-icon-delete">清空股票</el-button>
            <el-button type="primary" @click="getHistoryPrice" size="small">历史价格</el-button>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList">
        &nbsp;<input type="button" class="btn btn-warning" @click="back" value="返回"/>
    </div>

</div>

<script src="${request.contextPath}/statics/js/modules/stock/stockInfo.js?_${.now?long}"></script>
</body>
</html>
